<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
<div>我是div元素</div>
<script type="text/javascript">
	/*
	文档对象模型（DOM）是 web 上构成文档结构和内容的对象的数据表示
		文档对象模型（DOM）是一个网络文档的编程接口。它代表页面，以便程序可以改变文档的结构、风格和内容。DOM 将文档表示为节点和对象；这样，编程语言就可以与页面交互

	什么是DOM
	DOM(document object model--文档对象模型)是用来呈现以及任意html和xml文档交互的API
	DOM是浏览器提供的一套用于操作网页内容的功能

	DOM树
		DOM树将HTML文档以树形结构直观的表现出来，我们称之为文档树或者DOM树，DOM树描述了网页内容关系的名词
		DOM树直观的体现了标签和标签之间的关系

	DOM对象
		DOM对象：浏览器根据HTML标签生的JavaScript对象，所有的标签属性都可以在这个对象上找到修改这个对象的属性会自动映射到标签上
		DOM的核心思想：把网页元素当做对象来处理
		document对象：是DOM里提供的一个顶级对象所有它提供的属性和方法都是用来访问和操作网页内容的，网页里的所有内容都在document对象里
	*/
const div=document.querySelector("div")
	console.log(typeof div) // object
	console.dir(div)
</script>
</body>
</html>